<template>
    <!-- pages/networkanomaly/index.wxml -->
    <view>
        <view class="network">
            <image class="networkimg" :src="imgUrl + 'network.png'"></image>
        </view>
        <view class="text">网络异常，请检查网络～</view>
        <view class="btn_box">
            <view class="btn_home" @tap.stop.prevent="goHome">返回首页</view>
            <view class="btn_work" @tap.stop.prevent="goBack">刷新网络</view>
        </view>
    </view>
</template>

<script>
// pages/networkanomaly/index.js
const app = getApp(); // 引入app

import _request from '../../utils/request.js';
export default {
    data() {
        return {
            imgUrl: app.globalData.imgUrl //全局img路径
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        goHome() {
            uni.switchTab({
                url: '/firstpages/home/index'
            });
        },

        goBack() {
            uni.navigateBack({
                delta: -1
            });
        }
    }
};
</script>
<style>
/* pages/networkanomaly/index.wxss */
page > view:nth-child(1) {
    margin-top: 40rpx;
    text-align: center;
}
.networkimg {
    width: 340rpx;
    height: 186rpx;
}
.text {
    height: 44rpx;
    margin-top: 10rpx;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 44rpx;
}

.btn_box {
    display: flex;
    justify-content: space-around;
    margin-top: 30rpx;
}

.btn_home {
    width: 250rpx;
    height: 70rpx;
    line-height: 70rpx;
    color: #ff8722;
    background-color: #fff;
    border: 2rpx solid #ff8722;
    border-radius: 50rpx;
}

.btn_work {
    width: 250rpx;
    height: 70rpx;
    line-height: 70rpx;
    color: #fff;
    background-color: #ff8722;
    border-radius: 50rpx;
}
</style>
